@import '../../styles/var.scss';
.input-number-range{
  border: 1px solid $border-color-base;
  border-radius: $border-radius-base;
  display:inline-block;
  white-space: nowrap;
  width:160px;
  height:40px;
  &--small{
    height:36px;
  }
  &:hover{
    border-color:$border-color-hover;
  }
  &-join{
    margin: 0 -10px;
    font-size: 14px;
  }
  .el-input{
    &--small{
      .el-input__inner{
        height:34px;
      }
    }
    &__inner{
      border:0;
      width:100%;
      background:transparent;
      text-align:center;
    }
    &-number{
      width:50%;
    }
  }
  &-focus{
    border-color:$color-primary!important;
  }
}